<template>
  <!-- template里只能有一个根标签 -->
  <div>
    <a v-bind:href="url">点我跳转百度</a>
    <br>
    <a :href="url">点我跳转百度</a>
    <img
      :src="imgSrc"
      alt=""
    >
  </div>
</template>

<script>
// 只有在js中，才需要主动导入图片后再使用
// import imgSrc from "./assets/1.gif";
export default {
  // 🎉 VueHelper插件会自动补全 data 结构
  data() {
    return {
      // data 结构放 template 所需的数据
      url: "http://www.baidu.com",
      // imgSrc: imgSrc
      // 通过 require 主动导入图片也可以
      imgSrc: require("../assets/1.gif"),
    };
  },
};
</script>

<style>
</style>